/* eslint-disable no-undef */
/** @type {import('tailwindcss').Config} */

const { Buffer } = require('buffer');
global.atob = str => Buffer.from(str, 'base64').toString('binary');
module.exports = {
  content: ['./src/**/*.{js,jsx,html}'],
  darkMode: 'selector',

  theme: {
    extend: {
      colors: {
        'text-main': '#333',
        'text-main-dark': '#fefefe',
        'border-main': '#333',
        'border-main-dark': '#777',

        'new-bg': '#fffffe',
        'new-text': '#0d0d0d',
        'new-desc': '#2a2a2a',
        'new-btn': '#4675F3',

        'new-main-btn': 'linear-gradient(45deg, #5c258d 0%, #4389a2 100%)',
        'new-main-btn-dark': 'linear-gradient(45deg, #5c258d 0%, #4389a2 100%)',

        'new-bg-sec': '#eff0f3',

        'new-bg-dark': '#16161a',
        'new-text-dark': '#fffffe',
        'new-desc-dark': '#94a1b2',
        'new-btn-dark': '#4675F3',

        'new-bg-sec-dark': '#242629',
      },
      keyframes: {
        'fade-in': {
          '0%': { opacity: 0 },
          '100%': { opacity: 1 },
        },
        'fade-in-top': {
          '0%': { opacity: 0, transform: 'translateY(-20px)' },
          '100%': { opacity: 1, transform: 'translateY(0)' },
        },
        'fade-in-bottom': {
          '0%': { opacity: 0, transform: 'translateY(20px)' },
          '100%': { opacity: 1, transform: 'translateY(0)' },
        },
      },
      animation: {
        'fade-in': 'fade-in 0.5s ease-in-out',
        'fade-in-top': 'fade-in-top 0.5s ease-in-out',
        'fade-in-bottom': 'fade-in-bottom 0.5s ease-in-out',
      },
    },
    screens: {
      sm: '120px',
      // => @media (min-width: 640px) { ... }

      md: '1700px',
      // => @media (min-width: 768px) { ... }

      lg: '2300px',
      // => @media (min-width: 1024px) { ... }
    },
  },

  plugins: [require('daisyui')],
  daisyui: {
    themes: ['light', 'dark'],
  },
};
